<!DOCTYPE html>
<html lang="zh"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="">
<title></title>
<script type="text/javascript">
	function isIE() {
		return (!!window.ActiveXObject || 'ActiveXObject' in window);
	}
	function img404(event) {
		// 获取img对象，火狐是event.target ，IE及谷歌其他是event.srcElement
		var img = event.srcElement || event.target;
		img.onerror = null;
	}
	if (isIE()) {
		// console.log('I use IE.');
		var ua = navigator.userAgent;
		var isIE11 = -1 < ua.indexOf('Trident') && -1 < ua.indexOf("rv:11.0");
		if (isIE11) {
			document
					.write("<script type='text/javascript' src='http://www.foreworld.net/js/jquery/2.0.2/jquery.min.js?v2.0.2'><\/script>");
		}
	} else {
		document
				.write("<script type='text/javascript' src='http://www.foreworld.net/js/jquery/2.0.2/jquery.min.js?v2.0.2'><\/script>");
	}
</script><script type="text/javascript" src="http://www.foreworld.net/js/jquery/2.0.2//jquery.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if gte IE 9]>
	<script type='text/javascript' src='http://www.foreworld.net/js/jquery/2.0.2/jquery.min.js'></script>
<![endif]-->
<!--[if lt IE 9]>
	<script type='text/javascript' src='http://www.foreworld.net/js/jquery/1.11.3/jquery.min.js'></script>
	<script type='text/javascript' src='http://www.foreworld.net/js/html5shiv/3.7.2/html5shiv.min.js'></script>
	<script type='text/javascript' src='http://www.foreworld.net/js/respond/1.4.2/respond.min.js'></script>
<![endif]-->

<!--basic styles-->
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/bootstrap-responsive.min.css" />
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/font-awesome.min.css" />

<!--[if IE 7]>
<link rel="stylesheet" href="http://www.foreworld.net/js/ace/1.1.2/assets/css/font-awesome-ie7.min.css" />
<![endif]-->

<!--page specific plugin styles-->

<!--fonts-->
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/google/style.css" />

<!--ace styles-->
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/ace-responsive.min.css" />
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/ace-skins.min.css" />

<!--[if lte IE 8]>
<link rel="stylesheet" href="http://www.foreworld.net/js/ace/1.1.2/assets/css/ace-ie.min.css" />
<![endif]-->

<link rel="stylesheet"
  href="https://www.foreworld.net/js/ztree/3.5.15/css/zTreeStyle/zTreeStyle.css" type="text/css" />

<style>
.main-content {
	margin-left: 0px;
}

.main-content .breadcrumb {
	margin-left: 12px;
}

.form-horizontal .control-label {
	width: 88px;
}

.form-horizontal .controls {
	margin-left: 98px;
}

#btn_search {
	border-radius: 0;
	width: 50px;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	cursor: pointer;
}

#tree_org {
  margin-top: 0px;
  border: 1px solid #dddddd;
  background: #f0f6e4;
  width: 98%;
  height: 250px;
  overflow-y: scroll;
  overflow-x: auto;
  margin-bottom: 20px;
}
</style>

</head>

<body style="">
	<div class="main-container container-fluid">
		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
				<ul class="breadcrumb">
					<li><i class="icon-home home-icon"></i> <a href="javascript:;">首页</a>
						<span class="divider"> <i class="icon-angle-right arrow-icon"></i>
					</span></li>
					<li class="active">实体管理</li>
				</ul>
				<!--.breadcrumb-->
			</div>

			<div class="page-content">
				<div class="page-header position-relative">
					<h1>
						实体管理 <small><i class="icon-double-angle-right"></i> 代码生成</small>
					</h1>
				</div>
				<!--/.page-header-->

				<div class="row-fluid">
					<div class="span12">
						<form class="form-horizontal">
							<div class="control-group">
								<label class="control-label">查询条件：</label>

								<div class="controls">
									<!--  -->
									<input type="text" name="role_name" id='role_name' placeholder="角色名">
									<!--  -->
									<span class="help-button" title='点击搜索' id='btn_search'>搜索</span>
								</div>
							</div>
						</form>
					</div>
				</div>
				<!-- search -->

				<div class="row-fluid">
					<div class="span12">
						<div class="row-fluid">
							<div class="alert alert-block alert-error">
								<button type="button" class="close" data-dismiss="alert">
									<i class="icon-remove"></i>
								</button>
								<strong> <i class="icon-info-sign"></i> 系统提示：
								</strong>
							</div>
						</div>
						<!-- tips -->

						<div class="row-fluid">
							<div class="span3">
								<ul id="tree_org" class="ztree"></ul>
							</div>
							<div class="span9">
								<table class="table table-striped table-bordered table-hover checkTab">
									<thead>
										<tr>
											<th class="center">
												<label>
													<input type="checkbox" />
													<span class="lbl"></span>
												</label>
											</th>
      <th>用户名</th>
      <th>手机号</th>
      <th>年龄</th>
      <th>性别</th>
      <th>身份证</th>
      <th><i class="icon-time bigger-110"></i>创建时间</th>
      <th>状态</th>
										</tr>
									</thead>
									<tbody>
										<tr>
      <td class="center">
        <label>
          <input type="checkbox" id="1" />
          <span class="lbl"></span>
        </label>
      </td>
      <td>张三</td>
      <td>13837100001</td>
      <td>18</td>
      <td>男</td>
      <td>410102199906183032</td>
      <td>2020/02/20 23:11:45</td>
      <td>启用</td>
										</tr>
										<tr>
      <td class="center">
        <label>
          <input type="checkbox" id="2" />
          <span class="lbl"></span>
        </label>
      </td>
      <td>李四</td>
      <td>13837100002</td>
      <td>23</td>
      <td>女</td>
      <td>410102198312053011</td>
      <td>2005/06/13 03:43:16</td>
      <td>禁用</td>
										</tr>
									</tbody>
								</table>
								<!-- table -->
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>

<script type='text/javascript'
	src='https://www.foreworld.net/js/underscore/1.5.1/underscore.min.js'></script>
<script type='text/javascript'
	src="https://www.foreworld.net/js/ace/1.1.2/assets/js/bootstrap.min.js"></script>
<script type='text/javascript'
	src="https://www.foreworld.net/js/ace/1.1.2/assets/js/ace-elements.min.js"></script>
<script type='text/javascript'
	src="https://www.foreworld.net/js/ace/1.1.2/assets/js/ace.min.js"></script>

<script type="text/javascript"
  src="https://www.foreworld.net/js/ztree/3.5.15/js/jquery.ztree.core-3.5.js"></script>

</body></html>

<script>
	var _setting = {};

	var _zNodes = [{
		name: "父节点1 - 展开",
		open: true,
		children: [{
			name: "父节点11 - 折叠",
			children: [{
				name: "叶子节点111"
			}, {
				name: "叶子节点112"
			}, {
				name: "叶子节点113"
			}, {
				name: "叶子节点114"
			}]
		}, {
			name: "父节点12 - 折叠",
			children: [{
				name: "叶子节点121",
				children: [{
					name: "叶子节点121",
					children: [{
						name: "叶子节点121",
						children: [{
							name: "叶子节点121",
							children: [{
								name: "叶子节点121",
								children: [{
									name: "叶子节点121",
									children: [{
										name: "叶子节点121"
									}, {
										name: "叶子节点122"
									}, {
										name: "叶子节点123"
									}, {
										name: "叶子节点124"
									}],
								}, {
									name: "叶子节点122"
								}, {
									name: "叶子节点123"
								}, {
									name: "叶子节点124"
								}],
							}, {
								name: "叶子节点122"
							}, {
								name: "叶子节点123"
							}, {
								name: "叶子节点124"
							}],
						}, {
							name: "叶子节点122"
						}, {
							name: "叶子节点123"
						}, {
							name: "叶子节点124"
						}],
					}, {
						name: "叶子节点122"
					}, {
						name: "叶子节点123"
					}, {
						name: "叶子节点124"
					}],
				}, {
					name: "叶子节点122"
				}, {
					name: "叶子节点123"
				}, {
					name: "叶子节点124"
				}],
			}, {
				name: "叶子节点122"
			}, {
				name: "叶子节点123"
			}, {
				name: "叶子节点124"
			}]
		}, {
			name: "父节点13 - 没有子节点",
			isParent: true
		}]
	}, {
		name: "父节点2 - 折叠",
		children: [{
			name: "父节点21 - 展开",
			open: true,
			children: [{
				name: "叶子节点211"
			}, {
				name: "叶子节点212"
			}, {
				name: "叶子节点213"
			}, {
				name: "叶子节点214"
			}]
		}, {
			name: "父节点22 - 折叠",
			children: [{
				name: "叶子节点221"
			}, {
				name: "叶子节点222"
			}, {
				name: "叶子节点223"
			}, {
				name: "叶子节点224"
			}]
		}, {
			name: "父节点23 - 折叠",
			children: [{
				name: "叶子节点231"
			}, {
				name: "叶子节点232"
			}, {
				name: "叶子节点233"
			}, {
				name: "叶子节点234"
			}]
		}]
	}, {
		name: "父节点3 - 没有子节点",
		isParent: true
	}];

	$(function(){
		$.fn.zTree.init($('#tree_org'), _setting, _zNodes);
	});
</script>

<script src='./table.checkTab.js'></script>
